   /*兼容性 start*/

   @media (width:384px) and (height:519px) {

    /* body .result .ranks .info{
        bottom: 17%;
    } */
       body .result .titleInfo {
           top: 19%;
           font-size: 0.5rem;
       }
       body .studyMoney .studyMoneyBtn {
           bottom: 26%;
       }
       body .studyMoney .studyMoneyInfo .info {
           font-size: 0.6rem;
           line-height: 0.9rem;
       }
       body .studyMoney .studyMoneyBtn .giftPK {
           width: 29%;
       }
       body .studyMoney .studyMoneyInfo .title {
           font-size: 0.5rem;
       }
       body .enter .start {
           bottom: 9%;
       }
       body .result .ranks ul {
           top: 17%;
       }
       body .rule .knowBtn {
           bottom: 16%;
       }
       body .natantBox .natant .natantBg {
           width: 63%;
       }
       body .ready .daojishi {
           width: 16%;
       }
       body .ready .movePreson {
           bottom: 4%;
           width: 35%;
       }
       body .result .ranks {
           height: 163%;
       }
       body .MemberCard .MemberCardArea .card300 {
           top: 27%;
           width: 46%;
       }
       body .MemberCard .MemberCardArea .getBtn {
           bottom: 14%;
           width: 28%;
       }
        body .phone .phoneArea .phoneInput {
           width: 70%;
       } 
      
       body .studyMoney .studyMoneyInfo .comeOn {
           font-size: 0.5rem;
           bottom:4%;
       }
       body .luckyBag .luckyBagArea .l_list {
           width: 59%;
       }
       body .result .resultIcon {
           width: 39%;
           top: 9%;
       }
       body .result .resultInfo {
           top: 44%;
       }
   }

   @media (width:360px) {
       @media (min-height: 520px) and (max-height:532px) {

        /* body .result .ranks .info{
            bottom: 17%;
        } */
           body .result .titleInfo {
               top: 20%;
               font-size: 0.5rem;
           }
           body .result .ranks {
               height: 153%;
           }
           body .result .ranks ul {
               top: 17%;
           }
           body .studyMoney .studyMoneyBtn {
               bottom: 26%;
           }
           body .studyMoney .studyMoneyInfo .info {
               font-size: 0.6rem;
               line-height: 0.9rem;
           }
           body .studyMoney .studyMoneyBtn .giftPK {
               width: 29%;
           }
           body .studyMoney .studyMoneyInfo .title {
               font-size: 0.5rem;
           }
           body .luckyBag .luckyBagArea .l_tittle {
               top: 14%;
           }
           body .natantBox .natant .natantBg {
               width: 67%;
           }
           body .studyMoney .studyMoneyInfo .comeOn {
               bottom: 4%;
               font-size: 0.5rem;
           }
           body .MemberCard .MemberCardArea .card300 {
               top: 27%;
               width: 47%;
           }
           body .MemberCard .MemberCardArea .getBtn {
               bottom: 18%;
               width: 34%;
           }
           body .rule .knowBtn {
               bottom: 16%;
           }
           body .result .resultIcon {
               width: 39%;
           }
           body .result .resultInfo {
               top: 44%;
           }
           body .ready .daojishi {
               width: 16%;
           }
           body .ready .movePreson {
               bottom: 4%;
               width: 35%;
           }
           body .phone .phoneArea .phoneInput {
               width: 70%;
           }
           body .enter .start {
               bottom: 10%;
           }
       }
   }

   @media (width:432px) and (height:600px) {

    /* body .result .ranks .info{
        bottom: 17%;
    } */
       body .result .titleInfo {
           top: 20%;
           font-size: 0.5rem;
       }
       body .result .ranks {
           height: 152%;
       }
       body .studyMoney .studyMoneyBtn {
           bottom: 26%;
       }
       body .studyMoney .studyMoneyInfo .info {
           font-size: 0.6rem;
           line-height: 0.9rem;
       }
       body .studyMoney .studyMoneyBtn .giftPK {
           width: 29%;
       }
       body .studyMoney .studyMoneyInfo .title {
           font-size: 0.5rem;
       }
       body .luckyBag .luckyBagArea .l_tittle {
           top: 14%;
       }
       body .natantBox .natant .natantBg {
           width: 64%;
       }
       body .studyMoney .studyMoneyInfo .comeOn {
           bottom: 4%;
           font-size: 0.4rem;
       }
       body .phone .phoneArea .phoneInput {
           width: 70%;
       }
       body .MemberCard .MemberCardArea .card300 {
           top: 27%;
           width: 47%;
       }
       body .MemberCard .MemberCardArea .getBtn {
           bottom: 18%;
           width: 31%;
       }
       body .rule .knowBtn {
           bottom: 16%;
       }
       body .result .resultIcon {
           width: 39%;
           top: 9%;
       }
       body .result .resultInfo {
           top: 44%;
       }
       body .enter .start {
           bottom: 9%;
       }
       /* body .natantBox .natant .natantBg {
           width: 72%;
       } */
       body .luckyBag .luckyBagArea .l_list {
           width: 66%;
       }
       body .ready .daojishi {
           width: 16%;
       }
       body .ready .movePreson {
           bottom: 4%;
           width: 35%;
       }
       body .result .ranks .rankTitle {
           width: 65%;
       }
       body .result .ranks ul {
           left: 18%;
           width: 28.5%;
       }
   }
   /*兼容性 end*/

   @-webkit-keyframes fadeOutDown {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-15px);
           transform: translateY(-15px)
       }
   }

   @keyframes fadeOutDown {
       0% {
           opacity: 1;
           -webkit-transform: translateY(0);
           -ms-transform: translateY(0);
           transform: translateY(0)
       }
       100% {
           opacity: 0;
           -webkit-transform: translateY(-15px);
           -ms-transform: translateY(-15px);
           transform: translateY(-15px)
       }
   }

   .fadeOutDown {
       -webkit-animation: fadeOutDown 1s linear infinite;
       animation: fadeOutDown 1s linear infinite;
   }

   @-webkit-keyframes pulse {
       0% {
           -webkit-transform: scale(1);
           transform: scale(1)
       }
       50% {
           -webkit-transform: scale(1.1);
           transform: scale(1.1)
       }
       100% {
           -webkit-transform: scale(1);
           transform: scale(1)
       }
   }

   @keyframes pulse {
       0% {
           -webkit-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1)
       }
       50% {
           -webkit-transform: scale(1.1);
           -ms-transform: scale(1.1);
           transform: scale(1.1)
       }
       100% {
           -webkit-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1)
       }
   }

   .pulse {
       -webkit-animation-name: pulse;
       animation-name: pulse
   }

   .minArrow {
       -webkit-animation: pulse 2s linear infinite;
       -moz-animation: pulse 2s linear infinite;
       -o-animation: pulse 2s linear infinite;
       animation: pulse 2s linear infinite
   }